<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <script src="../js/mui.min.js"></script>
    <link href="../css/mui.min.css" rel="stylesheet" />
	<link href="../css/list.css" rel="stylesheet" />
    <title>分类界面</title>
</head>
<body>

    <div class="category-container">
        <div class="category-item" onclick="openWebview('./new-webview.html')">
            <div class="category-icon">🦰</div>
            <div class="category-name">接毛</div>
            <div class="category-description">这里将展示各种毛娘委托</div>
        </div>

        <div class="category-item" onclick="openWebview('./new-webview.html')">
            <div class="category-icon">💄️</div>
            <div class="category-name">接妆</div>
            <div class="category-description">这里将展示各种妆娘委托</div>
        </div>

        <div class="category-item" onclick="openWebview('./new-webview.html')">
            <div class="category-icon">📷</div>
            <div class="category-name">摄影</div>
            <div class="category-description">这里将展示各种摄影委托</div>
        </div>

        <div class="category-item" onclick="openWebview('./new-webview.html')">
            <div class="category-icon">🧰</div>
            <div class="category-name">道具</div>
            <div class="category-description">这里将展示各种道具师委托</div>
        </div>

        <div class="category-item" onclick="openWebview('./new-webview.html')">
            <div class="category-icon">🎟️</div>
            <div class="category-name">票代</div>
            <div class="category-description">这里将展示各种票代委托</div>
        </div>

        <div class="category-item" onclick="openWebview('./new-webview.html')">
            <div class="category-icon">🗂️</div>
            <div class="category-name">其他</div>
            <div class="category-description">这里将展示各种其他的委托</div>
        </div>
    </div>

    <script>
        function openWebview(url) {
            if (window.plus) {
                // 仅在H5+环境中有效
                plus.webview.open(url, 'new', {}, 'slide-in-right', 200);
            } else {
                mui.toast("当前环境不支持 H5+ API。");
            }
        }
    </script>

</body>
</html>
